*{
    padding:0;
    margin:0;
}
li{
    list-style: none;
}
body{
    color:#6f597d;
}
label{
    font-weight:normal;
}
textarea{
    resize:none;
}
.info-box{
    overflow: hidden;
    width:98.4%;
    padding:0.8em;
    margin-bottom:0.5em;
    background:#fff;
    color:#6f597d;
}
.info-title{
    font-weight:bold;
}
ul.basic-info li{
    float:left;
    width:33.3%;
    height:34px;
    line-height:34px;
}
ul.basic-info li .form-control{
    display:inline-block;
    width:40%;
}
.wrap>div{
    float:left;
    width:80%;
}
.wrap>div:last-child{
    width:19.2%;
    margin-left:0.8%;
}
.question{
    padding-top:35px;
    position:relative;
    overflow: auto;
    height:50em;
    background:#fff;
    box-shadow:0 0 13px #b5b9bd;
}
.question>ul{
    margin-bottom:0;
}
.question>ul.ques-title{
    position:absolute;
    top:0;
    width:100%;
    margin-bottom:35px;
}
.question>ul.ques-title li{
    height:35px;
    line-height:35px;
    background:#a990ab;
    border-right:1px solid #fff;
    color:white;
}
.question>ul li{
    float:left;
    width:12%;
    text-align:center;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
}
.question>ul li:first-child{
    position:relative;
    width:6%;
}
.question>ul li:nth-child(2){
    width:12%;
}
.question>ul li:nth-child(3){
    width:52%;
}
.question>ul li:last-child{
    width:18%;
    border-right:none;
}
.question>ul.ques-detail{
    border-bottom:1px solid #a990ab;
}
.attention{
    margin:0;
    color:red;
}
.question>ul.ques-detail li:nth-child(4)>div{
    width:50%;
    height:95px;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    font-size:2em;
}
.question>ul.ques-detail li:nth-child(4)>div:first-child>div{
    width:100%;
    border-right:1px dotted #a990ab;
}
.options.green{
    background:#60d165;
    color:#fff;
}
.options.grey{
    background:#d6d6d6;
    color:#adadad;
}
.green>div,.grey>div{
    border:none;
}
.question>ul.ques-detail li:nth-child(3){
    flex-direction: column;
    align-items:stretch;
}
.ques-detail li:last-child>.form-control{
    width:90%;
}
.question>ul.ques-detail li{
    height:95px;
}
.question>ul.ques-detail .triangle{
    border-left: 20px solid transparent;
}
.question>ul.ques-selected .triangle{
    border-left: 20px solid #1cc723;
}
.question>ul.ques-detail.ques-selected{
    border:1px solid #1cc723;
}
.question>ul.ques-detail.ques-hide{
    display:none;
}
.behavior>ul>li{
    margin-bottom:0.5em;
}
.behavior-item>div{
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    background:#e2dae3;
}
.behavior-item>div:first-child{
    border-bottom:1px dotted #fff;
    height:100%;
}
.behavior-item>div>div{
   min-height:145px;
}
.behavior-careful>div>div{
    min-height:100px;
}
.ul-4 .behavior-item>div>div{
    min-height:163px;
}
.ul-29 .behavior-item>div:first-child>div:last-child{
    min-height:195px;
}
.behavior-item>div>div:first-child{
    width:8%;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    text-align:center;
    background:#A990AB;
    color:#fff;
}
.behavior-item>div>div:last-child{
    width:92%;
    padding:0.3em;
}
.behavior-item>div>div>ul>li{
    float:left;
    padding:0.3em;
    background:#fff;
    margin-bottom:0.3em;
    border-radius:3px;
}
.behavior-option ul li{
    margin-right:0.8%;
    width:32.8%;
    min-height:50px;
}
.behavior-option ul li:nth-child(3n){
  margin-right:0;
}
.behavior-other ul li{
    margin-right:0.3em;
    min-width:35px;
    text-align:center;
}
.behavior-item ul li.be-checked{
    background:#1CC723;
    color:#fff;
}
.behavior-score ul li{
    padding:0!important;
    min-height:35px;
    line-height:35px;
    min-width:35px;
    width:auto;
    text-align:center;
}
.behavior-score ul li:nth-child(3n){
    margin-right:0.8%;
}
.behavior .attention{
    margin-bottom:0.5em;
}
.triangle{
    position:absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #1cc723;
    transform: rotate(90deg);
}
.slider>div{
    margin-bottom:0.8em;
}
.testSelect>div{
    float:left;
    width:10%;
    height:50px;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#a8a8a8;
    font-size:20px;
    cursor:pointer;
}
.testSelect>div:nth-child(2){
    width:80%;
    font-size:14px;
}
.tabs>div{
    float:left;
    width:100%;
    height:50px;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    background:#bbb;
    text-align:center;
    color:#fff;
}
.tabs>div>span{
    float:left;
    width:50%;
}
.tabs>div>span:first-child{
    border-right:1px solid #fff;
    font-size:1.2em;
}
.tabs>div>span:last-child{
    font-size:1.5em;
}
.tabs>div.hide{
    display:none;
}
.tabs>div.selected-tab{
    background:#1CC723;
}
.ques-tab{
    width:100%;
    height:40px;
    line-height:40px;
    border-radius:20px;
    background:#fff;
    border:1px solid #bbb;
}
.ques-tab>div,.ques-stage>div{
    float:left;
    width:50%;
    text-align:center;
}
.ques-tab>div:last-child{
    float:left;
    width:50%;
    border-radius:20px;
    text-align:center;
}
.ques-tab>div.checked{
    border-radius:20px;
    background:#a990ab;
    color:#fff;
}
.ques-stage{
    border:1px solid #bbb;
    border-radius:6px;
    background:#fff;
}
.ques-stage>div ul{
    margin:0;
}
.ques-stage>div ul li{
    height:45px;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    border-bottom:1px solid #bbb;
    border-right:1px solid #bbb;
}
.ques-stage>div>ul>li:first-child i,.ques-stage>div>ul>li:last-child i{
    font-size:3em;
}
.ques-stage>div>ul>li.usable{
    color:#969696;
}
.ques-stage>div>ul>li.forbidden{
    color:#c2c2c2;
}
.ques-stage>div:last-child ul li{
    border-right:none;
}
.ques-stage>div>ul>li.checking{
    background:#1cc723!important;
    color:#fff!important;
}
.ques-stage>div>ul>li.done{
    background:#ff9800;
    color:#fff;
}
.ques-stage>div>ul>li.transition{
    background:#82D986;
    color:#fff;
}
.node ul{
    border:1px solid #a990ab;
    text-align:center;
}
.node ul li{
    height:34px;
    line-height:34px;
}
.node ul li:first-child{
    background:#a990ab;
    color:#fff;
}
.node ul li:last-child{
    background:#fff;
    color:#a990ab;
}
.behavior ul{
    margin-bottom:5px;
}
.behavior-tab ul li{
    padding:0 0.3em;
    height:40px;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center;
    justify-content:center;
    background:#c7c7c7;
    text-align:center;
    color:#fff;
}
.behavior-tab ul li.be-selected{
    background:#A990AB!important;
}
.behavior-tab ul li.be-done{
    background:#d2b8d6;
}
.behavior-tab ul li.be-transition{
    background:#ff9800;
}
.behavior-option.short li{
    min-height:35px;
    padding:0 0.3em;
    line-height:35px;
    min-width:35px;
    width:auto;
    text-align:center;
}
.behavior-option.short li:nth-child(3n){
    margin-right:0.8%;
}
.behavior-option>textArea.form-control,textArea.all{
    height:100%;
}
.modal-backdrop {
    z-index: -1;
}
.modal-dialog{
    position:absolute;
    top:50%;
    left:50%;
    width:400px;
    height:180px;
    margin-top:-90px;
    margin-left:-200px;
}
.modal-header{
    background:#f2f2f2;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom:none;
}
.modal-footer{
    text-align:center;
    border-top:none;
}
#modal .btn-default{
    background:#828282;
    color:#fff;
}
@media screen and (max-width:1024px) {
    .ques-stage>div ul{
        font-size:0.8em;
    }
}